@import "../../../../styles/default";
.post-item-box{
  padding: size(12) pxToRem(16) 0 pxToRem(16);
  position: relative;
  color: $text-lip-color;
  &::after {
    content: ' ';
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: $text-ph-color;
    display: inline-block;
    transform: scaleY(0.2);
  }
  .post-item-user{
    display: flex;
    align-items: center;
    .post-item-avatar{
      width: size(32);
      height: size(32);
      img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
      }
    }
    .post-item-username{
      font-size: pxToRem(16);
      margin-left: pxToRem(12);
    }
    .seize {
      flex: 1;
    }
  }
  .post-item-content{
    font-size: pxToRem(16);
    padding: size(8) 0;
  }
  .post-item-images {
    display: flex;
    align-items: center;
    padding: size(8) 0;
    margin: 0 pxToRem(-8);
    .post-images-item{
      flex: 0 0 33.3333%;
      text-align: center;
      img {
        display: inline-block;
        width: size(100);
        height: size(100);
      }
    }
  }
  .post-item-append{
    display: flex;
    align-items: center;
    .post-append-item{
      padding: size(12) 0;
      text-align: center;
      flex: 0 0 33.3333%;
      display: flex;
      align-items: center;
      justify-content: center;
      .icon {
        margin-right: pxToRem(4);
      }
      .post-append-vote{
        display: flex;
        align-items: center;
        justify-content: center;
        &.active {
          color: $danger;
          .icon {
            fill: $danger;
          }
        }
      }
    }
  }
}
.dianzan-reverse{
  transform: rotateX(180deg);
}
